<?php if(!class_exists('raintpl')){exit;}?><?php $tpl = new RainTPL;$tpl_dir_temp = self::$tpl_dir;$tpl->assign( $this->var );$tpl->draw( dirname("header") . ( substr("header",-1,1) != "/" ? "/" : "" ) . basename("header") );?>

<?php echo aw_showcase(); ?>
<?php echo marquee(); ?>
<?php echo uniform(); ?>
<?php echo fancybox(); ?>

<div class ="wrapper" id = "home">

	<div class = "reservation-bar">
		<h2><?php echo $e['online-reservation'];?></h2>
		<a href = "reservation.html?type=1">> <?php echo $e['group-tour'];?></a>
		<a href = "reservation.html?type=2">> <?php echo $e['water-park-ticket'];?></a>
	</div>

	<div class="banner">
		<img src="http://localhost/waterfantasy/html/images/graphic-ticket.png" style = "position:absolute;left:960px; top:15px;">
		<?php $counter1=-1; if( isset($all_promotion) && is_array($all_promotion) && sizeof($all_promotion) ) foreach( $all_promotion as $key1 => $value1 ){ $counter1++; ?>
		<div class="showcase-slide">
			<div class="showcase-content">
				<a href = "promotion.html?id=<?php echo $value1["id"];?>"><img src = "<?php echo $value1["banner"];?>"/></a>
			</div>
		</div>
		<?php } ?>
	</div>

	<div class = "channel">
		<h2><?php echo $e['last-channel'];?></h2>
		<iframe width="325" height="200" src="http://www.youtube.com/embed/<?php echo $channel['yid'];?>" frameborder="0" allowfullscreen></iframe>
		<a href = "channel.html" class = "more"><?php echo $e['more-channel'];?> ></a>
	</div>

	<div class = "highlight">
		<img src="http://localhost/waterfantasy/html/images/gimmick1.png" style = "position:absolute; top:-8px; left:440px;">
		<img src="http://localhost/waterfantasy/html/images/gimmick2.png" style = "position:absolute; top:300px; left:565px;">
		<img src="http://localhost/waterfantasy/html/images/gimmick3.png" style = "position:absolute; top:340px; left:20px;">
		<ul class = "tab">
			<li id = "tab1" class = "active"><?php echo $e['schedule'];?></li>
			<li id = "tab2"><?php echo $e['promotion'];?></li>
		</ul>

		<div class = "calendar display-content">
			<iframe src = "home-schedule.html" class = "iframe" frameborder = "0" scrolling = "0"></iframe>
		</div>

		<div class = "promotion display-content">
			<ul>
			<?php $counter1=-1; if( isset($all_promotion) && is_array($all_promotion) && sizeof($all_promotion) ) foreach( $all_promotion as $key1 => $value1 ){ $counter1++; ?>
				<li>
					<a href = "promotion.html?id=<?php echo $value1["id"];?>">
					<img src = "<?php echo $value1["thumb"];?>" height = "100">
					<h3><?php echo $value1["promotion"];?></h3>
					<span><?php echo $value1["detail"];?></span>
					</a>
					<div class = "clear"></div>
				</li>
			<?php } ?>
			</ul>
		</div>
	</div>

	<div class = "clear"></div>

	<a href = "schedule.php" class = "more2"><?php echo $e['see-all-schedule'];?> ></a>

	<div class = "notice">
		<h2><?php echo $e['important-notice'];?></h2>
		<div class = "border-notice">
			<img src="http://localhost/waterfantasy/html/images/quote1.png" class = "fl" style = "margin:-10px 0 0 -25px;">
			<div id = "marquee"><?php echo $notice;?></div>
			<img src="http://localhost/waterfantasy/html/images/quote2.png" class = "fr" style = "margin:5px -25px 0 0;">
		</div>
	</div>

</div>

<script>
$(document).ready(function(){

	$("#marquee").marquee({
		speed: 10000,
		gap: 50,
		delayBeforeStart: 0,
		direction: 'left',
		duplicated: true,
		pauseOnHover: true
	});

	$("#tab1").click(function(){
		$(".calendar").show();
		$(".promotion").hide();
		$("#tab2").removeClass("active");
		$(this).addClass("active");
	});

	$("#tab2").click(function(){
		$(".calendar").hide();
		$(".promotion").show();
		$("#tab1").removeClass("active");
		$(this).addClass("active");
	});

	$(".banner").awShowcase({
		content_width:			950,
		content_height:			330,
		auto:					true,
		arrows:					false,
		continuous:				true,
		btn_numbers:			true,
		pauseonover:			true,
		stoponclick:			false,
		transition:				'fade', 
		transition_delay:		500,
		transition_speed:		1000,
		show_caption:			'onload', 
		speed_change:			true, 
		custom_function:		null, 
		buttons:				true
	});
});
</script>

<?php $tpl = new RainTPL;$tpl_dir_temp = self::$tpl_dir;$tpl->assign( $this->var );$tpl->draw( dirname("footer") . ( substr("footer",-1,1) != "/" ? "/" : "" ) . basename("footer") );?>